<template>
	<view>
		<view class="top" :style="`padding-top:` + $store.state.StatusBar.statusBar + `px`">
			<view class="top-icon" @click="to()">
				<u-icon name="arrow-left" size="42rpx" color='#fff'></u-icon>
			</view>
			<view class="top-title c-fff">协议</view>
		</view>
		<view class="body c-fff">协议</view>
	</view>
</template>

<script>
import {
	to
} from '@/utils/index.js';
export default {
	data() {
		return {}
	},
	methods: {
		to
	},
}
</script>

<style lang="scss" scoped>
.top {
	position: fixed;
	top: 0rpx;
	width: 100%;
	/* background-color: #e3ecfb; */
	z-index: 999;
	text-align: center;
	vertical-align: middle;
	padding: 10rpx;
}

.top-icon {
	position: absolute;
	left: 30rpx;
	z-index: 99;
	width: 30rpx;
	height: 30rpx;
}

.top-title {
	line-height: 50rpx;
	display: block;
	height: 50rpx;
	z-index: 99;
}

.body {
	padding-top: 100rpx;
}</style>